$(function () {
  layui.form.verify({
    nickname: (value) => {
      if (value.length > 6) {
        return "昵称长度必须在 1 ~ 6 个字符之间！";
      }
    },
  });

  initUserInfo();
  //初始化用户的基本信息
  function initUserInfo() {
    $.ajax({
      type: "GET",
      url: "/my/userinfo",
      success: (res) => {
        if (res.status !== 0) {
          return layer.msg("获取用户信息失败！");
        }
        console.log(res);
        //调用 `form.val()` 方法为表单赋值
        layui.form.val("formUserInfo", res.data);
      },
    });
  }

  // 重置表单的数据
  $("#btnReset").on("click", function (e) {
    // 阻止表单的默认重置行为
    e.preventDefault();
    initUserInfo();
  });

  //监听表单的提交事件
  $(".layui-form").on("submit", function (e) {
    // 阻止表单的默认重置行为
    e.preventDefault();
    // 发起 ajax 数据请求
    $.ajax({
      type: "POST",
      url: "/my/userinfo",
      data: $(this).serialize(),
      success: (res) => {
        if (res.status !== 0) {
          return layui.layer.msg("更新用户信息失败!");
        }
        layui.layer.msg("更新用户信息成功!");
        // 调用父页面中的方法，重新渲染用户的头像和用户的信息
        window.parent.getUserInfo();
      },
    });
  });
});
